/**
 * Created by Administrator on 2017/2/27.
 */
var SideBar = require('../../src/complex/sideBar');

var Root = React.createClass({
    getInitialState: function () {
        return{
            sideBarItem:PageDM.sideBar.value
        }
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    render: function() {
        return (
            <div>
                <div className="mod-account container">
                    <div className="sub-nav">
                        <SideBar sideBarItem={this.state.sideBarItem}/>
                    </div>
                    <div className="account padding">
                        <div className="help-main">
                            <div className="mod-title title"><b></b>注册操作指引<b></b></div>
                            <div className="mod-guide">
                                <div className="step">
                                    <span className="bg-icon icon">1</span>
                                    <div className="content">
                                        <p>在平台点击顶部的“<b>注册</b>”进入注册页面</p>
                                        <p className="img"><img src="../content/images/help/img23.jpg" alt=""/> </p>
                                    </div>
                                </div>
                                <div className="step">
                                    <span className="bg-icon icon">or</span>
                                    <div className="content">
                                        <p>或者在登录页面点击“<b>快来注册</b>”进入注册页面</p>
                                        <p className="img"><img src="../content/images/help/img24.jpg" alt=""/> </p>
                                    </div>
                                </div>
                                <div className="step">
                                    <span className="bg-icon icon">2</span>
                                    <div className="content">
                                        <p>选择注册的用户类型，填写注册信息后，点击“<b>注册</b>”</p>
                                        <p className="img"><img src="../content/images/help/img25.jpg" alt=""/> </p>
                                    </div>
                                </div>
                                <div className="step last">
                                    <span className="bg-icon icon">3</span>
                                    <div className="content">
                                        <p>注册成功</p>
                                        <p className="img"><img src="../content/images/help/img26.jpg" alt=""/> </p>
                                    </div>
                                </div>
                            </div>
                            <div className="clear"></div>
                        </div>
                    </div>
                    <div className="clear"></div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('giraffe'));